<!DOCTYPE HTML>
<html lang="ch">
<head>
<title>Jason`s Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<!-- css files -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all">
<link href="css/cobox.css" rel="stylesheet" type="text/css">
<link href="css/portfolio.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all">
<!-- /css files -->
<!-- font links -->
<link href='https://fonts.googleapis.com/css?family=Quicksand:400,700,300' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Cinzel:400,700,900' rel='stylesheet' type='text/css'>
<!-- /font links -->
<link rel="icon" href="ico.ico" type="image/x-icon" />
<!-- js files -->
<script src="js/modernizr.custom.js"></script>
<!-- /js files -->
</head>
<body id="myPage" data-spy="scroll" data-target=".navbar" data-offset="60">
	<div class="navbar-wrapper">
		<div class="container">
			<nav class="navbar navbar-inverse navbar-static-top">
				<div class="container">
					<div class="navbar-header">
						<a class="navbar-brand" href="index.html">JasonFu</a>
					</div>
					<div id="navbar" class="navbar-collapse collapse navbar-right">
						<ul class="nav navbar-nav link-effect">
							<li class="active"><a href="index.html">主页</a></li>
							<li><a href="#about">关于我</a></li>
							<li><a href="#about">技能</a></li>
							<li><a href="#portfolio">作品</a></li>
							<!-- <li><a href="#gallery">相册</a></li> -->
							<li><a href="#contact">联系我</a></li>
						</ul>
					</div>
				</div>
			</nav>

		</div>
	</div>
	<!-- Banner -->
	<div class="banner">
		<ul class="rslides" id="slider">
			<li>
				<div class="banner-info">
					<h3>这就是我的乐趣</h3>
					<span class="line1"></span>
					<p>兴趣，是使人前进的动力</p>
					<span class="line2"></span>
				</div>
			</li>
			<li>
				<div class="banner-info">
					<h3>这就是我的生活</h3>
					<span class="line1"></span>
					<p>努力，才能让你走得更远</p>
					<span class="line2"></span>
				</div>
			</li>
			<li>
				<div class="banner-info">
					<h3>趁年轻，努力吧！</h3>
					<span class="line1"></span>
					<p>时间，是你最昂贵的成本</p>
					<span class="line2"></span>
				</div>
			</li>
		</ul>
	</div>
	<!-- /Banner -->
	<!-- About -->
	<div class="about-me" id="about">
		<h3 class="text-center slideanim">我的技能</h3>
		<div class="container">
			<div class="row">
				<div class="col-md-4 col-xs-12">
					<div class="mydetails slideanim text-center">
						<img class="img-circle img-responsive" src="images/man.jpg" alt="Generic placeholder image" width="200" height="200">
						<h3>JasonFu - 付鑫</h3>
						<p>2000-05-16</p>
						<p>&nbsp;</p>
						<p>软件开发工程师</p>
						<p>&nbsp;</p>
						<a class="btn btn-default btn-lg" href="#contact"> 联系我<span class="glyphicon glyphicon-menu-right"></span></a>
					</div>
				</div>
				<div class="col-md-8 col-xs-12">
					<div class="myskills slideanim">
						<h3 class="text-center">我的技能信息</h3>
						<p class="skill-text">你既然期望辉煌伟大的一生，那么就应该从今天起，以毫不动摇的决心和坚定不移的信念，凭自己的智慧和毅力，去创造你和他人的快乐。</p>
						<div class="skill-info">
							<div class="table-responsive">
								<table class="table">
									<tbody>
										<tr>
											<td><h4>Java/Web</h4></td>
											<td><span class="longline9"></span><span class="shortline1"></span></td>
											<td><p>90%</p></td>
										</tr>
										<tr>
											<td><h4>Spring Boot/Cloud</h4></td>
											<td><span class="longline7"></span><span class="shortline3"></span></td>
											<td><p>70%</p></td>
										</tr>
										<tr>
											<td><h4>Kafka/Rabbit/Rocket MQ</h4></td>
											<td><span class="longline7"></span><span class="shortline3"></span></td>
											<td><p>70%</p></td>
										</tr>
										<tr>
											<td><h4>Zookeeper</h4></td>
											<td><span class="longline6"></span><span class="shortline4"></span></td>
											<td><p>60%</p></td>
										</tr>
										<tr>
											<td><h4>Dubbo</h4></td>
											<td><span class="longline6"></span><span class="shortline4"></span></td>
											<td><p>60%</p></td>
										</tr>
										<tr>
											<td><h4>MySQL</h4></td>
											<td><span class="longline8"></span><span class="shortline2"></span></td>
											<td><p>80%</p></td>
										</tr>
										<tr>
											<td><h4>NoSQL</h4></td>
											<td><span class="longline8"></span><span class="shortline2"></span></td>
											<td><p>80%</p></td>
										</tr>
										<tr>
											<td><h4>Linux</h4></td>
											<td><span class="longline8"></span><span class="shortline2"></span></td>
											<td><p>80%</p></td>
										</tr>
										<tr>
											<td><h4>Python</h4></td>
											<td><span class="longline7"></span><span class="shortline3"></span></td>
											<td><p>70%</p></td>
										</tr>
										<tr>
											<td><h4>Android</h4></td>
											<td><span class="longline6"></span><span class="shortline4"></span></td>
											<td><p>60%</p></td>
										</tr>
										<tr>
											<td><h4>C#/C++</h4></td>
											<td><span class="longline6"></span><span class="shortline4"></span></td>
											<td><p>60%</p></td>
										</tr>
									</tbody>
								</table>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- /About -->
	<!-- Portfolio -->
	<div class="myportfolio" id="portfolio">
		<h3 class="text-center slideanim">我的作品</h3>
		<p class="text-center slideanim">这些是我的作品，只需单击就可以看到更多信息。</p>
		<section class="vertical" id="grid3d">
			<div class="grid-wrap">
				<div class="grid">
					<figure>
						<img class="slideanim" src="images/projects/KTV-Title.jpg" alt="img" />
					</figure>
					<figure>
						<img class="slideanim" src="images/projects/wait-projects.jpg" alt="img" />
					</figure>
					<figure>
						<img class="slideanim" src="images/projects/wait-projects.jpg" alt="img" />
					</figure>
					<figure>
						<img class="slideanim" src="images/projects/wait-projects.jpg" alt="img" />
					</figure>
					<figure>
						<img class="slideanim" src="images/projects/wait-projects.jpg" alt="img" />
					</figure>
					<figure>
						<img class="slideanim" src="images/projects/wait-projects.jpg" alt="img" />
					</figure>
					<figure>
						<img class="slideanim" src="images/projects/wait-projects.jpg" alt="img" />
					</figure>
					<figure>
						<img class="slideanim" src="images/projects/wait-projects.jpg" alt="img" />
					</figure>
					<figure>
						<img class="slideanim" src="images/projects/wait-projects.jpg" alt="img" />
					</figure>
				</div>
			</div>
			<!-- /grid-wrap -->
			<div class="content">
				<div>
					<div class="content-img">
						<img src="images/projects/KTV-Index.jpg" class="img-responsive" alt="KTV-Index">
						<!-- <img src="images/projects/KTV-Back-Index.jpg" class="img-responsive" alt="KTV-Back-Index">
						<img src="images/projects/KTV-App-Index.jpg" class="img-responsive" alt="KTV-App-Index"> -->
					</div>
					<h3 class="content-text">KTV自助系统</h3>
					<p class="content-text">
						系统包括前台娱乐系统、后台管理系统及安卓端点歌段，具有在线即时点餐功能<br /> 该项目为学校项目改造,使用C#、Java开发，SqlServer数据库，Socket传输数据，并使用迅雷开源播放引擎APlayer<br />
						项目全部源码及文档可在我的GitHub找到：<a href="https://github.com/MentalKali/KTV" target="_blank">点击跳转</a>
					</p>
				</div>
				<div>
					<div class="content-img">
						<img src="images/projects/wait-projects-big.jpg" class="img-responsive" alt="my projects">
					</div>
					<h3 class="content-text">系统暂未接入，敬请期待...</h3>
					<p class="content-text"></p>
				</div>
				<div>
					<div class="content-img">
						<img src="images/projects/wait-projects-big.jpg" class="img-responsive" alt="my projects">
					</div>
					<h3 class="content-text">系统暂未接入，敬请期待...</h3>
					<p class="content-text"></p>
				</div>
				<div>
					<div class="content-img">
						<img src="images/projects/wait-projects-big.jpg" class="img-responsive" alt="my projects">
					</div>
					<h3 class="content-text">系统暂未接入，敬请期待...</h3>
					<p class="content-text"></p>
				</div>
				<div>
					<div class="content-img">
						<img src="images/projects/wait-projects-big.jpg" class="img-responsive" alt="my projects">
					</div>
					<h3 class="content-text">系统暂未接入，敬请期待...</h3>
					<p class="content-text"></p>
				</div>
				<div>
					<div class="content-img">
						<img src="images/projects/wait-projects-big.jpg" class="img-responsive" alt="my projects">
					</div>
					<h3 class="content-text">系统暂未接入，敬请期待...</h3>
					<p class="content-text"></p>
				</div>
				<div>
					<div class="content-img">
						<img src="images/projects/wait-projects-big.jpg" class="img-responsive" alt="my projects">
					</div>
					<h3 class="content-text">系统暂未接入，敬请期待...</h3>
					<p class="content-text"></p>
				</div>
				<div>
					<div class="content-img">
						<img src="images/projects/wait-projects-big.jpg" class="img-responsive" alt="my projects">
					</div>
					<h3 class="content-text">系统暂未接入，敬请期待...</h3>
					<p class="content-text"></p>
				</div>
				<div>
					<div class="content-img">
						<img src="images/projects/wait-projects-big.jpg" class="img-responsive" alt="my projects">
					</div>
					<h3 class="content-text">系统暂未接入，敬请期待...</h3>
					<p class="content-text"></p>
				</div>
				<div>
					<div class="content-img">
						<img src="images/projects/wait-projects-big.jpg" class="img-responsive" alt="my projects">
					</div>
					<h3 class="content-text">系统暂未接入，敬请期待...</h3>
					<p class="content-text"></p>
				</div>
				<span class="loading"></span> <span class="icon close-content"></span>
			</div>
		</section>
	</div>
	<!-- /Portfolio -->
	<!-- Gallery -->
	<!-- <div class="mygallery" id="gallery">
		<h3 class="text-center slideanim">My Gallery</h3>
		<div class="text-center">
			<a href="images/me1-1.jpg" title="My Image Gallery"><img src="images/me1.jpg" alt="example-1"
				class="img-responsive slideanim"></a> <a href="images/me2-2.jpg" title="My Image Gallery"><img src="images/me2.jpg"
				alt="example-2" class="img-responsive slideanim"></a> <a href="images/me3-3.jpg" title="My Image Gallery"><img
				src="images/me3.jpg" alt="example-3" class="img-responsive slideanim"></a> <a href="images/me4-4.jpg"
				title="My Image Gallery"><img src="images/me4.jpg" alt="example-3" class="img-responsive slideanim"></a> <a
				href="images/me5-5.jpg" title="My Image Gallery"><img src="images/me5.jpg" alt="example-3"
				class="img-responsive slideanim"></a> <a href="images/me6-6.jpg" title="My Image Gallery"><img src="images/me6.jpg"
				alt="example-3" class="img-responsive slideanim"></a> <a href="images/me7-7.jpg" title="My Image Gallery"><img
				src="images/me7.jpg" alt="example-3" class="img-responsive slideanim"></a> <a href="images/me8-8.jpg"
				title="My Image Gallery"><img src="images/me8.jpg" alt="example-3" class="img-responsive slideanim"></a> <a
				href="images/mewait-projects.jpg" title="My Image Gallery"><img src="images/mewait-projects.jpg" alt="example-3"
				class="img-responsive slideanim"></a> <a href="images/me10-10.jpg" title="My Image Gallery"><img src="images/me10.jpg"
				alt="example-3" class="img-responsive slideanim"></a> <a href="images/me11-11.jpg" title="My Image Gallery"><img
				src="images/me11.jpg" alt="example-3" class="img-responsive slideanim"></a> <a href="images/me12-12.jpg"
				title="My Image Gallery"><img src="images/me12.jpg" alt="example-3" class="img-responsive slideanim"></a>
		</div>
	</div> -->
	<!-- Gallery -->
	<!-- footer -->
	<div class="contact-me" id="contact">
		<h3 class="text-center slideanim">联系方式</h3>
		<p class="text-center slideanim">&nbsp;</p>
		<div class="container">
			<footer>
				<div class="row">
					<div class="col-md-6 slideanim">
						<div class="contact-details">
							<form action="#" method="post">
								<div class="row">
									<div class="col-sm-12 form-group">
										<input class="form-control" id="name" name="name" placeholder="姓名" type="text" required>
									</div>
									<div class="col-sm-12 form-group">
										<input class="form-control" id="email" name="email" placeholder="邮箱" type="email" required>
									</div>
								</div>
								<textarea class="form-control" id="comments" name="comments" placeholder="留言" rows="5"></textarea>
								<br>
								<div class="row">
									<div class="col-sm-12 form-group">
										<button class="btn btn-default btn-lg" type="submit">
											发送 <span class="glyphicon glyphicon-menu-right"></span>
										</button>
									</div>
								</div>
							</form>
						</div>
					</div>
					<div class="col-md-6 slideanim">
						<div class="contact-info">
							<h4>联系方式</h4>
							<p>一起交流，一起学习，期待您的来信</p>
							<div class="footer-info">
								<div>
									<i class="glyphicon glyphicon-globe"></i>
									<p class="p1">国资物业二十九家园</p>
									<p class="p2">中国 甘肃 兰州 安宁区</p>
								</div>
								<div>
									<i class="glyphicon glyphicon-send"></i>
									<p class="p1">
										QQ - <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2250795018&site=qq&menu=yes">2250795018<img border="0"
											src="http://wpa.qq.com/pa?p=2:2250795018:52" alt="点击这里给我发消息" title="点击这里给我发消息" /></a>
									</p>
									<p class="p2">微信 - FX3A87</p>
								</div>
								<div>
									<i class="glyphicon glyphicon-paperclip"></i>
									<p class="p1">
										GitHub - <a href="https://github.com/MentalKali" target="_blank">JasonFu-GitHub</a>
									</p>
									<p class="p2">
										CSDN - <a href="https://me.csdn.net/m0_37566718" target="_blank">MentalKali-CSDN</a>
									</p>
								</div>
								<div>
									<i class="glyphicon glyphicon-envelope"></i>
									<p class="p1">
										<a href="mailto:2250795018@qq.com">2250795018@qq.com</a>
									</p>
									<p class="p2">
										<a href="mailto:jasonfu516@outlook.com">jasonfu516@outlook.com</a>
									</p>
								</div>
							</div>
							<h5>我的博客</h5>
							<p>这是我的个人博客，期待您的访问和关注：</p>
							<p>
								<a href="http://blog.jasonfx.cn" target="_blank">http://blog.jasonfx.cn</a>
							</p>
						</div>
					</div>
				</div>
				<hr>
				<div class="copyright">
					<p class="text-center">
						Copyright &copy; 2018.JasonFu | Home <a href="http://www.jasonfx.cn/" target="_blank" title="Jason的个人主页">个人主页</a> - Blog <a
							href="http://blog.jasonfx.cn/" title="Jason的个人博客" target="_blank">个人博客</a>
					</p>
				</div>
				<a href="#myPage" title="To Top"><span class="glyphicon glyphicon-chevron-up"></span></a>
			</footer>
		</div>
	</div>
	<!-- /footer -->
	<!-- js files -->
	<script src="js/jquery.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<!-- js files for banner slider -->
	<script src="js/responsiveslides.min.js"></script>
	<script>
		$(window).load(function() {

			// Slideshow for banner
			$("#slider").responsiveSlides({
				maxwidth : 1920,
				speed : 1000
			});

		});
	</script>
	<!-- /js files for banner slider -->
	<!-- js files for portfolio -->
	<script src="js/classie.js"></script>
	<script src="js/helper.js"></script>
	<script src="js/grid3d.js"></script>
	<script>
		new grid3D(document.getElementById('grid3d'));
	</script>
	<!-- /js files for portfolio -->
	<!-- js files for gallery -->
	<script type="text/javascript" src="js/cobox.js"></script>
	<!-- /js files for gallery -->
	<!-- js for smooth scrolling -->
	<script>
		$(document).ready(
				function() {
					// Add smooth scrolling to all links in navbar + footer link
					$(".navbar a, footer a[href='#myPage']").on('click',
							function(event) {
								// Store hash
								var hash = this.hash;

								// Using jQuery's animate() method to add smooth page scroll
								// The optional number (900) specifies the number of milliseconds it takes to scroll to the specified area
								$('html, body').animate({
									scrollTop : $(hash).offset().top
								}, 900, function() {

									// Add hash (#) to URL when done scrolling (default click behavior)
									window.location.hash = hash;
								});
							});
				})
	</script>
	<!-- /js for smooth scrolling -->
	<!-- js for sliding -->
	<script>
		$(window).scroll(function() {
			$(".slideanim").each(function() {
				var pos = $(this).offset().top;
				var winTop = $(window).scrollTop();
				if (pos < winTop + 600) {
					$(this).addClass("slide");
				}
			});
		});
	</script>
	<!-- /js for sliding -->
	<!-- /js files -->
</body>
</html>
